<!DOCTYPE html>
<html>

<head>
    <!-- 页面meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">


    <title>首页</title>
    <meta name="description" content="AdminLTE2定制版">
    <meta name="keywords" content="AdminLTE2定制版">


    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">


    <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../plugins/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../plugins/ionicons/css/ionicons.min.css">
    <link rel="stylesheet" href="../plugins/iCheck/square/blue.css">
    <link rel="stylesheet" href="../plugins/morris/morris.css">
    <link rel="stylesheet" href="../plugins/jvectormap/jquery-jvectormap-1.2.2.css">
    <link rel="stylesheet" href="../plugins/datepicker/datepicker3.css">
    <link rel="stylesheet" href="../plugins/daterangepicker/daterangepicker.css">
    <link rel="stylesheet" href="../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
    <link rel="stylesheet" href="../plugins/datatables/dataTables.bootstrap.css">
    <link rel="stylesheet" href="../plugins/treeTable/jquery.treetable.css">
    <link rel="stylesheet" href="../plugins/treeTable/jquery.treetable.theme.default.css">
    <link rel="stylesheet" href="../plugins/select2/select2.css">
    <link rel="stylesheet" href="../plugins/colorpicker/bootstrap-colorpicker.min.css">
    <link rel="stylesheet" href="../plugins/bootstrap-markdown/css/bootstrap-markdown.min.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/AdminLTE.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/skins/_all-skins.min.css">
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../plugins/ionslider/ion.rangeSlider.css">
    <link rel="stylesheet" href="../plugins/ionslider/ion.rangeSlider.skinNice.css">
    <link rel="stylesheet" href="../plugins/bootstrap-slider/slider.css">
    <link rel="stylesheet" href="../plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.css">

</head>

<body class="hold-transition skin-purple sidebar-mini">

<div class="wrapper">


    <!--头部加侧导航栏 -->
    <div id="page-head"></div>
    <!--头部加侧导航栏 /-->

    <!-- 内容区域 -->
    <div class="content-wrapper" style="background:linear-gradient(90deg,#ccffff,#ffcccc); ">

        <!-- 内容头部 -->
        <section class="content-header">
            <h1>
                控制面板
                <small>首页</small>
            </h1>
            <ol class="breadcrumb">
                <li><a href="all-admin-index.html"><i class="fa fa-dashboard"></i> 首页</a></li>
            </ol>
        </section>
        <!-- 内容头部 /-->

        <!-- 正文区域 -->
        <section class="content">

            <!--            <div class="row">-->
            <!--                <div class="col-lg-12" style="height: 75px;"> </div>-->
            <!--            </div>-->
            <!-- 统计数值 -->
            <div class="row">
                <!--                <div class="col-lg-2 "></div>-->
                <div class="col-lg-3 col-xs-6">
                    <!-- small box -->
                    <div class="small-box bg-aqua">
                        <div class="inner">
                            <h3 id="houseAll"></h3>

                            <p>房屋总数</p>
                        </div>
                        <div class="icon">
                            <i class="ion ion-bag"></i>
                        </div>
                        <a href="#" class="small-box-footer">总体介绍<i
                                class="fa fa-fw fa-file-text-o"></i></a>
                    </div>
                </div>
                <!-- ./col -->
                <div class="col-lg-3 col-xs-6">
                    <!-- small box -->
                    <div class="small-box bg-green">
                        <div class="inner">
                            <h3 id="messageAll"></h3>

                            <p>留言总数</p>
                        </div>
                        <div class="icon">
                            <i class="ion ion-stats-bars"></i>
                        </div>
                        <a href="#" class="small-box-footer">总体介绍 <i
                                class="fa fa-fw fa-file-text-o"></i></a>
                    </div>
                </div>
                <!--                <div class="col-lg-2 "></div>-->

                <!--                <div class="col-lg-2 "></div>-->
                <!-- ./col -->
                <div class="col-lg-3 col-xs-6">
                    <!-- small box -->
                    <div class="small-box bg-yellow">
                        <div class="inner">
                            <h3 id="userAll"></h3>

                            <p>新注册用户</p>
                        </div>
                        <div class="icon">
                            <i class="ion ion-person-add"></i>
                        </div>
                        <a href="#" class="small-box-footer">总体介绍 <i
                                class="fa fa-fw fa-file-text-o"></i></a>
                    </div>
                </div>
                <!-- /.row -->
                <div class="col-lg-3 col-xs-6">
                    <!-- small box -->
                    <div class="small-box bg-red">
                        <div class="inner">
                            <h3 id="dealAll">0</h3>
                            <p>交易数量</p>
                        </div>
                        <div class="icon">
                            <i class="ion ion-pie-graph"></i>
                        </div>
                        <a href="#" class="small-box-footer">交易详情 <i class="fa fa-arrow-circle-right"></i></a>
                    </div>
                </div>
                <!-- ./col -->
            </div>
            <!-- Main row -->
            <div class="row">
                <!-- Left col -->
                <section class="col-lg-7 connectedSortable">
                    <!-- Custom tabs (Charts with tabs)-->
                    <div class="nav-tabs-custom">
                        <!-- Tabs within a box -->
                        <ul class="nav nav-tabs pull-right">
                            <li class="active"><a href="#revenue-chart" data-toggle="tab">房价变动</a></li>
                            <li><a href="#sales-chart" data-toggle="tab">出售与出租占比</a></li>
                            <li class="pull-left header"><i class="fa fa-inbox"></i> 房源情况</li>
                        </ul>
                        <div class="tab-content no-padding">
                            <!-- Morris chart - Sales -->
                            <div class="chart tab-pane active" id="revenue-chart"
                                 style="position: relative; height: 300px;">
                                <svg height="300" version="1.1" width="573" xmlns="http://www.w3.org/2000/svg"
                                     xmlns:xlink="http://www.w3.org/1999/xlink"
                                     style="overflow: hidden; position: relative; top: -0.614583px;">
                                    <desc style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Created with Raphaël
                                        2.3.0
                                    </desc>
                                    <defs style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></defs>
                                    <text x="50.870445251464844" y="259" text-anchor="end" font-family="sans-serif"
                                          font-size="12px" stroke="none" fill="#888888"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: end; font-family: sans-serif; font-size: 12px; font-weight: normal;"
                                          font-weight="normal">
                                        <tspan dy="3.9999895095825195"
                                               style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">0
                                        </tspan>
                                    </text>
                                    <path fill="none" stroke="#aaaaaa" d="M63.370445251464844,259H547.771"
                                          stroke-width="0.5"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
                                    <text x="50.870445251464844" y="200.5" text-anchor="end" font-family="sans-serif"
                                          font-size="12px" stroke="none" fill="#888888"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: end; font-family: sans-serif; font-size: 12px; font-weight: normal;"
                                          font-weight="normal">
                                        <tspan dy="3.9999895095825195"
                                               style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">7,500
                                        </tspan>
                                    </text>
                                    <path fill="none" stroke="#aaaaaa" d="M63.370445251464844,200.5H547.771"
                                          stroke-width="0.5"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
                                    <text x="50.870445251464844" y="142" text-anchor="end" font-family="sans-serif"
                                          font-size="12px" stroke="none" fill="#888888"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: end; font-family: sans-serif; font-size: 12px; font-weight: normal;"
                                          font-weight="normal">
                                        <tspan dy="3.9999895095825195"
                                               style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">15,000
                                        </tspan>
                                    </text>
                                    <path fill="none" stroke="#aaaaaa" d="M63.370445251464844,142H547.771"
                                          stroke-width="0.5"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
                                    <text x="50.870445251464844" y="83.5" text-anchor="end" font-family="sans-serif"
                                          font-size="12px" stroke="none" fill="#888888"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: end; font-family: sans-serif; font-size: 12px; font-weight: normal;"
                                          font-weight="normal">
                                        <tspan dy="3.999997138977051"
                                               style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">22,500
                                        </tspan>
                                    </text>
                                    <path fill="none" stroke="#aaaaaa" d="M63.370445251464844,83.5H547.771"
                                          stroke-width="0.5"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
                                    <text x="50.870445251464844" y="25" text-anchor="end" font-family="sans-serif"
                                          font-size="12px" stroke="none" fill="#888888"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: end; font-family: sans-serif; font-size: 12px; font-weight: normal;"
                                          font-weight="normal">
                                        <tspan dy="3.9999990463256836"
                                               style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">30,000
                                        </tspan>
                                    </text>
                                    <path fill="none" stroke="#aaaaaa" d="M63.370445251464844,25H547.771"
                                          stroke-width="0.5"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
                                    <text x="458.895564074084" y="271.5" text-anchor="middle" font-family="sans-serif"
                                          font-size="12px" stroke="none" fill="#888888"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font-family: sans-serif; font-size: 12px; font-weight: normal;"
                                          font-weight="normal" transform="matrix(1,0,0,1,0,8)">
                                        <tspan dy="3.9999895095825195"
                                               style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">2022
                                        </tspan>
                                    </text>
                                    <text x="243.47563328676463" y="271.5" text-anchor="middle" font-family="sans-serif"
                                          font-size="12px" stroke="none" fill="#888888"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font-family: sans-serif; font-size: 12px; font-weight: normal;"
                                          font-weight="normal" transform="matrix(1,0,0,1,0,8)">
                                        <tspan dy="3.9999895095825195"
                                               style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">2021
                                        </tspan>
                                    </text>
                                    <path fill="#74a5c2" stroke="none"
                                          d="M63.370445251464844,217.4104C76.90776330640568,217.91740000000001,103.98239941628734,220.948675,117.51971747122818,219.4384C131.05703552616902,217.928125,158.13167163605067,207.57511147540984,171.6689896909915,205.3282C185.05916298446562,203.10571147540983,211.83950957141377,203.35772500000002,225.22968286488788,201.5608C238.61985615836196,199.763875,265.40020274531014,193.47297786885247,278.7903760387842,190.9528C292.32769409372503,188.40492786885247,319.4023302036067,181.182325,332.93964825854755,181.2886C346.4769663134884,181.394875,373.55160242337007,202.66209180327868,387.0889204783109,191.803C400.47909377178496,181.0619418032787,427.2594403587332,101.29188618784531,440.6496136522072,94.888C453.89264218421454,88.55448618784531,480.3786992482293,134.20465000000002,493.6217277802366,140.85340000000002C507.15904583517744,147.64990000000003,534.2336819450591,146.7151,547.771,148.669L547.771,259L63.370445251464844,259Z"
                                          fill-opacity="1"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;"></path>
                                    <path fill="none" stroke="#3c8dbc"
                                          d="M63.370445251464844,217.4104C76.90776330640568,217.91740000000001,103.98239941628734,220.948675,117.51971747122818,219.4384C131.05703552616902,217.928125,158.13167163605067,207.57511147540984,171.6689896909915,205.3282C185.05916298446562,203.10571147540983,211.83950957141377,203.35772500000002,225.22968286488788,201.5608C238.61985615836196,199.763875,265.40020274531014,193.47297786885247,278.7903760387842,190.9528C292.32769409372503,188.40492786885247,319.4023302036067,181.182325,332.93964825854755,181.2886C346.4769663134884,181.394875,373.55160242337007,202.66209180327868,387.0889204783109,191.803C400.47909377178496,181.0619418032787,427.2594403587332,101.29188618784531,440.6496136522072,94.888C453.89264218421454,88.55448618784531,480.3786992482293,134.20465000000002,493.6217277802366,140.85340000000002C507.15904583517744,147.64990000000003,534.2336819450591,146.7151,547.771,148.669"
                                          stroke-width="3"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
                                    <circle cx="63.370445251464844" cy="217.4104" r="4" fill="#3c8dbc" stroke="#ffffff"
                                            stroke-width="1"
                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
                                    <circle cx="117.51971747122818" cy="219.4384" r="4" fill="#3c8dbc" stroke="#ffffff"
                                            stroke-width="1"
                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
                                    <circle cx="171.6689896909915" cy="205.3282" r="4" fill="#3c8dbc" stroke="#ffffff"
                                            stroke-width="1"
                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
                                    <circle cx="225.22968286488788" cy="201.5608" r="4" fill="#3c8dbc" stroke="#ffffff"
                                            stroke-width="1"
                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
                                    <circle cx="278.7903760387842" cy="190.9528" r="4" fill="#3c8dbc" stroke="#ffffff"
                                            stroke-width="1"
                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
                                    <circle cx="332.93964825854755" cy="181.2886" r="4" fill="#3c8dbc" stroke="#ffffff"
                                            stroke-width="1"
                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
                                    <circle cx="387.0889204783109" cy="191.803" r="4" fill="#3c8dbc" stroke="#ffffff"
                                            stroke-width="1"
                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
                                    <circle cx="440.6496136522072" cy="94.888" r="4" fill="#3c8dbc" stroke="#ffffff"
                                            stroke-width="1"
                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
                                    <circle cx="493.6217277802366" cy="140.85340000000002" r="4" fill="#3c8dbc"
                                            stroke="#ffffff" stroke-width="1"
                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
                                    <circle cx="547.771" cy="148.669" r="4" fill="#3c8dbc" stroke="#ffffff"
                                            stroke-width="1"
                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
                                    <path fill="#eaf3f6" stroke="none"
                                          d="M63.370445251464844,238.2052C76.90776330640568,237.9868,103.98239941628734,239.52145000000002,117.51971747122818,237.3316C131.05703552616902,235.14175,158.13167163605067,221.65594426229507,171.6689896909915,220.6864C185.05916298446562,219.72739426229506,211.83950957141377,231.46795,225.22968286488788,229.6174C238.61985615836196,227.76685,265.40020274531014,207.72728606557376,278.7903760387842,205.882C292.32769409372503,204.01643606557377,319.4023302036067,212.83375,332.93964825854755,214.774C346.4769663134884,216.71425,373.55160242337007,230.62202295081968,387.0889204783109,221.404C400.47909377178496,212.28617295081966,427.2594403587332,147.18252900552486,440.6496136522072,141.4306C453.89264218421454,135.74187900552485,480.3786992482293,169.23757857142857,493.6217277802366,175.6414C507.15904583517744,182.18752857142857,534.2336819450591,188.83315,547.771,193.2304L547.771,259L63.370445251464844,259Z"
                                          fill-opacity="1"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;"></path>
                                    <path fill="none" stroke="#a0d0e0"
                                          d="M63.370445251464844,238.2052C76.90776330640568,237.9868,103.98239941628734,239.52145000000002,117.51971747122818,237.3316C131.05703552616902,235.14175,158.13167163605067,221.65594426229507,171.6689896909915,220.6864C185.05916298446562,219.72739426229506,211.83950957141377,231.46795,225.22968286488788,229.6174C238.61985615836196,227.76685,265.40020274531014,207.72728606557376,278.7903760387842,205.882C292.32769409372503,204.01643606557377,319.4023302036067,212.83375,332.93964825854755,214.774C346.4769663134884,216.71425,373.55160242337007,230.62202295081968,387.0889204783109,221.404C400.47909377178496,212.28617295081966,427.2594403587332,147.18252900552486,440.6496136522072,141.4306C453.89264218421454,135.74187900552485,480.3786992482293,169.23757857142857,493.6217277802366,175.6414C507.15904583517744,182.18752857142857,534.2336819450591,188.83315,547.771,193.2304"
                                          stroke-width="3"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
                                    <circle cx="63.370445251464844" cy="238.2052" r="4" fill="#a0d0e0" stroke="#ffffff"
                                            stroke-width="1"
                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
                                    <circle cx="117.51971747122818" cy="237.3316" r="4" fill="#a0d0e0" stroke="#ffffff"
                                            stroke-width="1"
                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
                                    <circle cx="171.6689896909915" cy="220.6864" r="4" fill="#a0d0e0" stroke="#ffffff"
                                            stroke-width="1"
                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
                                    <circle cx="225.22968286488788" cy="229.6174" r="4" fill="#a0d0e0" stroke="#ffffff"
                                            stroke-width="1"
                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
                                    <circle cx="278.7903760387842" cy="205.882" r="4" fill="#a0d0e0" stroke="#ffffff"
                                            stroke-width="1"
                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
                                    <circle cx="332.93964825854755" cy="214.774" r="4" fill="#a0d0e0" stroke="#ffffff"
                                            stroke-width="1"
                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
                                    <circle cx="387.0889204783109" cy="221.404" r="4" fill="#a0d0e0" stroke="#ffffff"
                                            stroke-width="1"
                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
                                    <circle cx="440.6496136522072" cy="141.4306" r="4" fill="#a0d0e0" stroke="#ffffff"
                                            stroke-width="1"
                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
                                    <circle cx="493.6217277802366" cy="175.6414" r="4" fill="#a0d0e0" stroke="#ffffff"
                                            stroke-width="1"
                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
                                    <circle cx="547.771" cy="193.2304" r="4" fill="#a0d0e0" stroke="#ffffff"
                                            stroke-width="1"
                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
                                </svg>
                            </div>
                            <div class="chart tab-pane" id="sales-chart" style="position: relative; height: 300px;">
                                <svg height="342" version="1.1" width="512" xmlns="http://www.w3.org/2000/svg"
                                     xmlns:xlink="http://www.w3.org/1999/xlink"
                                     style="overflow: hidden; position: relative;">
                                    <desc style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Created with Raphaël
                                        2.3.0
                                    </desc>
                                    <defs style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></defs>
                                    <path fill="none" stroke="#3c8dbc"
                                          d="M301.3855,243.33333333333331A93.33333333333333,93.33333333333333,0,0,0,389.61325519497706,180.44625304313007"
                                          stroke-width="2" opacity="0"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); opacity: 0;"></path>
                                    <path fill="#3c8dbc" stroke="#ffffff"
                                          d="M301.3855,246.33333333333331A96.33333333333333,96.33333333333333,0,0,0,392.44914732624414,181.4248826052307L429.0006459070204,194.03833029452744A135,135,0,0,1,301.3855,285Z"
                                          stroke-width="3"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
                                    <path fill="none" stroke="#f56954"
                                          d="M389.61325519497706,180.44625304313007A93.33333333333333,93.33333333333333,0,0,0,217.6703462783141,108.73398312817662"
                                          stroke-width="2" opacity="1"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); opacity: 1;"></path>
                                    <path fill="#f56954" stroke="#ffffff"
                                          d="M392.44914732624414,181.4248826052307A96.33333333333333,96.33333333333333,0,0,0,214.97950205154564,107.40757544301087L175.81276941747115,88.10097469226493A140,140,0,0,1,433.72713279246557,195.6693795646951Z"
                                          stroke-width="3"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
                                    <path fill="none" stroke="#00a65a"
                                          d="M217.6703462783141,108.73398312817662A93.33333333333333,93.33333333333333,0,0,0,301.3561784690488,243.333328727518"
                                          stroke-width="2" opacity="0"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); opacity: 0;"></path>
                                    <path fill="#00a65a" stroke="#ffffff"
                                          d="M214.97950205154564,107.40757544301087A96.33333333333333,96.33333333333333,0,0,0,301.3552359912682,246.3333285794739L301.34308849987417,284.9999933380171A135,135,0,0,1,180.2975097954186,90.31165416754118Z"
                                          stroke-width="3"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
                                    <text x="301.3855" y="140" text-anchor="middle" font-family="&quot;Arial&quot;"
                                          font-size="15px" stroke="none" fill="#000000"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font-family: Arial; font-size: 15px; font-weight: 800;"
                                          font-weight="800" transform="matrix(1,0,0,1,0,0)">
                                        <tspan dy="140" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">出租
                                        </tspan>
                                    </text>
                                    <text x="301.3855" y="160" text-anchor="middle" font-family="&quot;Arial&quot;"
                                          font-size="14px" stroke="none" fill="#000000"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font-family: Arial; font-size: 14px;"
                                          transform="matrix(1,0,0,1,0,0)">
                                        <tspan dy="160" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">30
                                        </tspan>
                                    </text>
                                </svg>
                            </div>
                        </div>
                    </div>
                    <!-- /.nav-tabs-custom -->

                    <!-- Chat box -->
                    <div class="box box-success">
                        <div class="box-header">
                            <i class="fa fa-comments-o"></i>

                            <h3 class="box-title">消息</h3>

                            <div class="box-tools pull-right" data-toggle="tooltip" title="Status">
                                <div class="btn-group" data-toggle="btn-toggle">
                                    <button type="button" class="btn btn-default btn-sm active"><i
                                            class="fa fa-square text-green"></i>
                                    </button>
                                    <button type="button" class="btn btn-default btn-sm"><i
                                            class="fa fa-square text-red"></i></button>
                                </div>
                            </div>
                        </div>
                        <div class="box-body chat" id="chat-box">
                            <!-- chat item -->
                            <div class="item">
                                <img src="../img/user4-128x128.jpg" alt="user image" class="online">

                                <p class="message">
                                    <a href="#" class="name">
                                        <small class="text-muted pull-right"><i class="fa fa-clock-o"></i> 2:15</small>
                                        用户123
                                    </a>
                                    能看看房源详细情况吗？
                                </p>
                                <div class="attachment">
                                    <h4>附件:</h4>

                                    <p class="filename">
                                        房源详情.pdf
                                    </p>

                                    <div class="pull-right">
                                        <button type="button" class="btn btn-primary btn-sm btn-flat">Open</button>
                                    </div>
                                </div>
                                <!-- /.attachment -->
                            </div>
                            <!-- /.item -->
                            <!-- chat item -->
                            <div class="item">
                                <img src="../img/user3-128x128.jpg" alt="user image" class="offline">

                                <p class="message">
                                    <a href="#" class="name">
                                        <small class="text-muted pull-right"><i class="fa fa-clock-o"></i> 5:15</small>
                                        用户456
                                    </a>
                                    水电费用是怎么算的？
                                </p>
                            </div>
                            <!-- /.item -->
                            <!-- chat item -->
                            <div class="item">
                                <img src="../img/user2-160x160.jpg" alt="user image" class="offline">

                                <p class="message">
                                    <a href="#" class="name">
                                        <small class="text-muted pull-right"><i class="fa fa-clock-o"></i> 5:30</small>
                                        用户789
                                    </a>
                                    可以自己稍做装修吗？
                                </p>
                            </div>
                            <!-- /.item -->
                        </div>
                        <!-- /.chat -->
                        <div class="box-footer">
                            <div class="input-group">
                                <input class="form-control" placeholder="Type message...">

                                <div class="input-group-btn">
                                    <button type="button" class="btn btn-success"><i class="fa fa-plus"></i></button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /.box (chat box) -->
                </section>
                <!-- /.Left col -->
                <!-- right col (We are only adding the ID to make the widgets sortable)-->
                <section class="col-lg-5 connectedSortable">

                    <!-- PRODUCT LIST -->
                    <div class="box box-primary">
                        <div class="box-header with-border">
                            <h3 class="box-title">最近新增房源</h3>

                            <div class="box-tools pull-right">
                                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i
                                        class="fa fa-minus"></i>
                                </button>
                                <button type="button" class="btn btn-box-tool" data-widget="remove"><i
                                        class="fa fa-times"></i></button>
                            </div>
                        </div>
                        <!-- /.box-header -->
                        <div class="box-body">
                            <ul class="products-list product-list-in-box">
                                <li class="item">
                                    <div class="product-img">
                                        <img src="../img/house1.jpg" alt="Product Image">
                                    </div>
                                    <div class="product-info">
                                        <a href="javascript:void(0)" class="product-title">房源1
                                            <span class="label label-warning pull-right">$1800</span></a>
                                        <span class="product-description">
                          80平米 loft
                        </span>
                                    </div>
                                </li>
                                <!-- /.item -->
                                <li class="item">
                                    <div class="product-img">
                                        <img src="../img/house2.jpg" alt="Product Image">
                                    </div>
                                    <div class="product-info">
                                        <a href="javascript:void(0)" class="product-title">房源2
                                            <span class="label label-info pull-right">$700</span></a>
                                        <span class="product-description">
                          50平单间
                        </span>
                                    </div>
                                </li>
                                <!-- /.item -->
                                <li class="item">
                                    <div class="product-img">
                                        <img src="../img/house3.jpg" alt="Product Image">
                                    </div>
                                    <div class="product-info">
                                        <a href="javascript:void(0)" class="product-title">房源3
                                            <span class="label label-danger pull-right">$850</span></a>
                                        <span class="product-description">
                          靠近地铁2号线公寓
                        </span>
                                    </div>
                                </li>
                                <!-- /.item -->
                                <li class="item">
                                    <div class="product-img">
                                        <img src="../img/house4.jpg" alt="Product Image">
                                    </div>
                                    <div class="product-info">
                                        <a href="javascript:void(0)" class="product-title">房源4
                                            <span class="label label-success pull-right">$799</span></a>
                                        <span class="product-description">
                          热门地段店铺出售
                        </span>
                                    </div>
                                </li>
                                <!-- /.item -->
                            </ul>
                        </div>
                        <!-- /.box-body -->
                        <div class="box-footer text-center">
                            <a href="javascript:void(0)" class="uppercase">查看所有房源</a>
                        </div>
                        <!-- /.box-footer -->
                    </div>
                    <!-- /.box -->

                    <!-- solid sales graph -->
                    <div class="box box-solid bg-teal-gradient">
                        <div class="box-header">
                            <i class="fa fa-th"></i>

                            <h3 class="box-title">Sales Graph</h3>

                            <div class="box-tools pull-right">
                                <button type="button" class="btn bg-teal btn-sm" data-widget="collapse"><i
                                        class="fa fa-minus"></i>
                                </button>
                                <button type="button" class="btn bg-teal btn-sm" data-widget="remove"><i
                                        class="fa fa-times"></i>
                                </button>
                            </div>
                        </div>
                        <div class="box-body border-radius-none">
                            <div class="chart" id="line-chart" style="height: 250px;">
                                <svg height="250" version="1.1" width="381" xmlns="http://www.w3.org/2000/svg"
                                     xmlns:xlink="http://www.w3.org/1999/xlink"
                                     style="overflow: hidden; position: relative; left: -0.770833px; top: -0.677083px;">
                                    <desc style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Created with Raphaël
                                        2.3.0
                                    </desc>
                                    <defs style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></defs>
                                    <text x="44.3642578125" y="211.6666660308838" text-anchor="end"
                                          font-family="Open Sans" font-size="10px" stroke="none" fill="#ffffff"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: end; font-family: &quot;Open Sans&quot;; font-size: 10px; font-weight: normal;"
                                          font-weight="normal">
                                        <tspan dy="3.6666555404663086"
                                               style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">0
                                        </tspan>
                                    </text>
                                    <path fill="none" stroke="#efefef" d="M56.8642578125,211.6666660308838H355.552"
                                          stroke-width="0.4"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
                                    <text x="44.3642578125" y="164.99999952316284" text-anchor="end"
                                          font-family="Open Sans" font-size="10px" stroke="none" fill="#ffffff"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: end; font-family: &quot;Open Sans&quot;; font-size: 10px; font-weight: normal;"
                                          font-weight="normal">
                                        <tspan dy="3.666660785675049"
                                               style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">5,000
                                        </tspan>
                                    </text>
                                    <path fill="none" stroke="#efefef" d="M56.8642578125,164.99999952316284H355.552"
                                          stroke-width="0.4"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
                                    <text x="44.3642578125" y="118.3333330154419" text-anchor="end"
                                          font-family="Open Sans" font-size="10px" stroke="none" fill="#ffffff"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: end; font-family: &quot;Open Sans&quot;; font-size: 10px; font-weight: normal;"
                                          font-weight="normal">
                                        <tspan dy="3.666666030883789"
                                               style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">10,000
                                        </tspan>
                                    </text>
                                    <path fill="none" stroke="#efefef" d="M56.8642578125,118.3333330154419H355.552"
                                          stroke-width="0.4"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
                                    <text x="44.3642578125" y="71.66666650772095" text-anchor="end"
                                          font-family="Open Sans" font-size="10px" stroke="none" fill="#ffffff"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: end; font-family: &quot;Open Sans&quot;; font-size: 10px; font-weight: normal;"
                                          font-weight="normal">
                                        <tspan dy="3.666663646697998"
                                               style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">15,000
                                        </tspan>
                                    </text>
                                    <path fill="none" stroke="#efefef" d="M56.8642578125,71.66666650772095H355.552"
                                          stroke-width="0.4"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
                                    <text x="44.3642578125" y="25" text-anchor="end" font-family="Open Sans"
                                          font-size="10px" stroke="none" fill="#ffffff"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: end; font-family: &quot;Open Sans&quot;; font-size: 10px; font-weight: normal;"
                                          font-weight="normal">
                                        <tspan dy="3.666666030883789"
                                               style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">20,000
                                        </tspan>
                                    </text>
                                    <path fill="none" stroke="#efefef" d="M56.8642578125,25H355.552" stroke-width="0.4"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
                                    <text x="300.7502392827309" y="224.1666660308838" text-anchor="middle"
                                          font-family="Open Sans" font-size="10px" stroke="none" fill="#ffffff"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font-family: &quot;Open Sans&quot;; font-size: 10px; font-weight: normal;"
                                          font-weight="normal" transform="matrix(1,0,0,1,0,6.6667)">
                                        <tspan dy="3.6666555404663086"
                                               style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">2013
                                        </tspan>
                                    </text>
                                    <text x="167.9194815176944" y="224.1666660308838" text-anchor="middle"
                                          font-family="Open Sans" font-size="10px" stroke="none" fill="#ffffff"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font-family: &quot;Open Sans&quot;; font-size: 10px; font-weight: normal;"
                                          font-weight="normal" transform="matrix(1,0,0,1,0,6.6667)">
                                        <tspan dy="3.6666555404663086"
                                               style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">2012
                                        </tspan>
                                    </text>
                                    <path fill="none" stroke="#efefef"
                                          d="M56.8642578125,186.783999448967C65.21154586877279,186.52266611652374,81.90612198131835,188.35899944360256,90.25341003759114,185.73866611919402C98.60069809386393,183.1183327947855,115.29527420640949,166.9814712832628,123.64256226268228,165.82133285369872C131.89911892703904,164.673804624456,148.4122322557526,178.7223328097582,156.66878892010936,176.50799948396684C164.92534558446613,174.29366615817548,181.43845891317972,150.3147008482262,189.69501557753648,148.10666624736785C198.04230363380927,145.87436753001654,214.73687974635482,156.42499955236912,223.0841678026276,158.74666621112823C231.4314558589004,161.06833286988734,248.12603197144594,177.71011241247717,256.4733200277187,166.6799995174408C264.7298766920755,155.76977915387218,281.2429900207891,77.86798324534709,289.49954668514584,70.98533317670822C297.6653719575866,64.17831662530715,313.99702250246816,104.2586407556877,322.1628477749089,111.92133303728103C330.5101358311817,119.75430736957642,347.20471194372726,127.70633298351764,355.552,132.96799963226317"
                                          stroke-width="2"
                                          style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
                                    <circle cx="56.8642578125" cy="186.783999448967" r="4" fill="#efefef"
                                            stroke="#efefef" stroke-width="1"
                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
                                    <circle cx="90.25341003759114" cy="185.73866611919402" r="4" fill="#efefef"
                                            stroke="#efefef" stroke-width="1"
                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
                                    <circle cx="123.64256226268228" cy="165.82133285369872" r="4" fill="#efefef"
                                            stroke="#efefef" stroke-width="1"
                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
                                    <circle cx="156.66878892010936" cy="176.50799948396684" r="4" fill="#efefef"
                                            stroke="#efefef" stroke-width="1"
                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
                                    <circle cx="189.69501557753648" cy="148.10666624736785" r="4" fill="#efefef"
                                            stroke="#efefef" stroke-width="1"
                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
                                    <circle cx="223.0841678026276" cy="158.74666621112823" r="4" fill="#efefef"
                                            stroke="#efefef" stroke-width="1"
                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
                                    <circle cx="256.4733200277187" cy="166.6799995174408" r="4" fill="#efefef"
                                            stroke="#efefef" stroke-width="1"
                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
                                    <circle cx="289.49954668514584" cy="70.98533317670822" r="4" fill="#efefef"
                                            stroke="#efefef" stroke-width="1"
                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
                                    <circle cx="322.1628477749089" cy="111.92133303728103" r="4" fill="#efefef"
                                            stroke="#efefef" stroke-width="1"
                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
                                    <circle cx="355.552" cy="132.96799963226317" r="4" fill="#efefef" stroke="#efefef"
                                            stroke-width="1"
                                            style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle>
                                </svg>
                            </div>
                        </div>
                        <!-- /.box-body -->
                        <div class="box-footer no-border">
                            <div class="row">
                                <div class="col-xs-4 text-center" style="border-right: 1px solid #f4f4f4">
                                    <div style="display:inline;width:60px;height:60px;">
                                        <canvas width="90" height="90" style="width: 60px; height: 60px;"></canvas>
                                        <input type="text" class="knob" data-readonly="true" value="20" data-width="60"
                                               data-height="60" data-fgcolor="#39CCCC" readonly="readonly"
                                               style="width: 34px; height: 20px; position: absolute; vertical-align: middle; margin-top: 20px; margin-left: -47px; border: 0px; background: none; font: bold 12px Arial; text-align: center; color: rgb(57, 204, 204); padding: 0px; appearance: none;">
                                    </div>

                                    <div class="knob-label">交易完成</div>
                                </div>
                                <!-- ./col -->
                                <div class="col-xs-4 text-center" style="border-right: 1px solid #f4f4f4">
                                    <div style="display:inline;width:60px;height:60px;">
                                        <canvas width="90" height="90" style="width: 60px; height: 60px;"></canvas>
                                        <input type="text" class="knob" data-readonly="true" value="50" data-width="60"
                                               data-height="60" data-fgcolor="#39CCCC" readonly="readonly"
                                               style="width: 34px; height: 20px; position: absolute; vertical-align: middle; margin-top: 20px; margin-left: -47px; border: 0px; background: none; font: bold 12px Arial; text-align: center; color: rgb(57, 204, 204); padding: 0px; appearance: none;">
                                    </div>

                                    <div class="knob-label">正在交易</div>
                                </div>
                                <!-- ./col -->
                                <div class="col-xs-4 text-center">
                                    <div style="display:inline;width:60px;height:60px;">
                                        <canvas width="90" height="90" style="width: 60px; height: 60px;"></canvas>
                                        <input type="text" class="knob" data-readonly="true" value="30" data-width="60"
                                               data-height="60" data-fgcolor="#39CCCC" readonly="readonly"
                                               style="width: 34px; height: 20px; position: absolute; vertical-align: middle; margin-top: 20px; margin-left: -47px; border: 0px; background: none; font: bold 12px Arial; text-align: center; color: rgb(57, 204, 204); padding: 0px; appearance: none;">
                                    </div>

                                    <div class="knob-label">等待交易</div>
                                </div>
                                <!-- ./col -->
                            </div>
                            <!-- /.row -->
                        </div>
                        <!-- /.box-footer -->
                    </div>

                    <!-- /.box -->

                </section>
                <!-- right col -->
            </div>
            <!-- /.row (main row) -->


        </section>
        <!-- 正文区域 /-->

    </div>
    <!-- 内容区域 /-->

    <!-- 底部导航 -->
    <div id="page-footer"></div>
    <!-- 底部导航 /-->

</div>


<script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
<script src="../plugins/jQueryUI/jquery-ui.min.js"></script>
<script>
    $.widget.bridge('uibutton', $.ui.button);
</script>
<script src="../plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="../plugins/raphael/raphael-min.js"></script>
<script src="../plugins/morris/morris.min.js"></script>
<script src="../plugins/sparkline/jquery.sparkline.min.js"></script>
<script src="../plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="../plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
<script src="../plugins/knob/jquery.knob.js"></script>
<script src="../plugins/daterangepicker/moment.min.js"></script>
<script src="../plugins/daterangepicker/daterangepicker.js"></script>
<script src="../plugins/daterangepicker/daterangepicker.zh-CN.js"></script>
<script src="../plugins/datepicker/bootstrap-datepicker.js"></script>
<script src="../plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
<script src="../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<script src="../plugins/slimScroll/jquery.slimscroll.min.js"></script>
<script src="../plugins/fastclick/fastclick.js"></script>
<script src="../plugins/iCheck/icheck.min.js"></script>
<script src="../plugins/adminLTE/js/app.min.js"></script>
<script src="../plugins/treeTable/jquery.treetable.js"></script>
<script src="../plugins/select2/select2.full.min.js"></script>
<script src="../plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
<script src="../plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.zh-CN.js"></script>
<script src="../plugins/bootstrap-markdown/js/bootstrap-markdown.js"></script>
<script src="../plugins/bootstrap-markdown/locale/bootstrap-markdown.zh.js"></script>
<script src="../plugins/bootstrap-markdown/js/markdown.js"></script>
<script src="../plugins/bootstrap-markdown/js/to-markdown.js"></script>
<script src="../plugins/ckeditor/ckeditor.js"></script>
<script src="../plugins/input-mask/jquery.inputmask.js"></script>
<script src="../plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
<script src="../plugins/input-mask/jquery.inputmask.extensions.js"></script>
<script src="../plugins/datatables/jquery.dataTables.min.js"></script>
<script src="../plugins/datatables/dataTables.bootstrap.min.js"></script>
<script src="../plugins/chartjs/Chart.min.js"></script>
<script src="../plugins/flot/jquery.flot.min.js"></script>
<script src="../plugins/flot/jquery.flot.resize.min.js"></script>
<script src="../plugins/flot/jquery.flot.pie.min.js"></script>
<script src="../plugins/flot/jquery.flot.categories.min.js"></script>
<script src="../plugins/ionslider/ion.rangeSlider.min.js"></script>
<script src="../plugins/bootstrap-slider/bootstrap-slider.js"></script>
<script src="../plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.js"></script>
<script src="../plugins/bootstrap-datetimepicker/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<script>
    $(document).ready(function () {
        //装入头部
        $('#page-head').load('public-head.html', null, function () {
            setSidebarActive("admin-index");
        });
        //装入尾部
        $('#page-footer').load('public-footer.html');

        // 选择框
        $(".select2").select2();

        // WYSIHTML5编辑器
        $(".textarea").wysihtml5({
            locale: 'zh-CN'
        });
    });


    // 设置激活菜单
    function setSidebarActive(tagUri) {
        var liObj = $("#" + tagUri);
        if (liObj.length > 0) {
            liObj.parent().parent().addClass("active");
            liObj.addClass("active");
        }
    }

</script>
<script>
    $(function () {
        var houseAll = "";
        var messageAll = "";
        var userAll = "";
        var dealAll = "";

        //ajax获取后台数据
        $.ajax({
            url: "/user/queryAll",   //请求路径
            type: "get",    //请求方式
            dataType: "json",  //设置接收到数据类型
            success: function (data) {
                // console.log("返回的留言信息:" + data);
                getDateAll(data);
                // 处理分页数据
            },    //成功
            error: function () {
                console.log("首页获取数据失败...")
            }
        })

        function getDateAll(data) {
            var jsonData = JSON.parse(data);
            // console.log(jsonData);
            // 赋值
            $("#houseAll").html(jsonData.houseAll);
            $("#messageAll").html(jsonData.messageAll);
            $("#userAll").html(jsonData.userAll);
            $("#dealAll").html(jsonData.dealAll);
        }


    })
</script>
</body>
</html>
